const NestedRouter = [{
  path: '/nested',
  component: () => import('@/layout/index.vue'),
  name: 'nested',
  redirect: '/nested/menu1/menu1-1/menu1-1-1',
  meta: {
    title: '路由嵌套',
    roles: ['super']
  },
  children: [
    {
      path: 'menu1',
      redirect: '/nested/menu1/menu1-1/menu1-1-1',
      name: 'menu1',
      meta: {
        title: 'menu1'
      },
      children: [
        {
          path: 'menu1-1',
          redirect: '/nested/menu1/menu1-1/menu1-1-1',
          name: 'menu1-1',
          meta: {
            title: 'menu1-1'
          },
          children: [
            {
              path: 'menu1-1-1',
              redirect: '',
              name: 'menu1-1-1',
              meta: {
                title: 'menu1-1-1'
              },
              component: () => import("@/views/nested/menu1-1-1.vue")
            }
          ]
        },
        {
          path: 'menu1-2',
          redirect: '',
          name: 'menu1-2',
          meta: {
            title: 'menu1-2'
          },
          component: () => import("@/views/nested/menu1-2.vue")
        }
      ]
    },
    {
      path: 'menu2',
      component: () => import("@/views/nested/menu2.vue"),
      name: 'menu2',
      meta: {
        title: 'menu2'
      }
    },
    {
      path: 'menu3',
      name: 'menu3',
      redirect: '/nested/menu3/menu3-1',
      meta: {
        title: 'menu3'
      },
      children: [
        {
          path: 'menu3-1',
          component: () => import("@/views/nested/menu3-1.vue"),
          name: 'menu3-1',
          meta: {
            title: 'menu3-1'
          }
        }
      ]
    }
  ]
}]
export default NestedRouter;